{% extends "data_edit.html" %}
{% load i18n %}
{% block headajaxjs %}
<script src="{{ MEDIA_URL }}/jslib/timeinput.widget.js"></script>
{% endblock %}
{% block form %}
{% autoescape off %}
    <table class="timeseg_edit_table">
        <tr>
            {{ form.tzs_name|field_as_td_h }}
        </tr>
        <tr>
            {{ form.remarks|field_as_td_h }}
        </tr>
        <tr><td colspan="7">
            <div class="timeseg_edit_div_inner">
            <table class="timeseg_edit_table_inner">
                <tr>
                    <td id="id_blank1" class="blank_bgcolor" colspan="1" rowspan="2">
                        <div class="out">
                            <b>{% trans "时间" %}</b>
                            <em>{% trans "日期" %}</em>
                        </div>
                    </td>
                    <td class="blue_bgcolor"  colspan="2">{% trans "时间区间1" %}(<span id="i1">{% trans '时间段编号' %}: {{ form.tz_one|field_value }}</span>)</td>
                    <td class="blue_bgcolor"  colspan="2">{% trans "时间区间2" %}(<span id="i2">{% trans '时间段编号' %}: {{ form.tz_two|field_value }}</span>)</td>
                    <td class="blue_bgcolor"  colspan="2">{% trans "时间区间3" %}(<span id="i3">{% trans '时间段编号' %}: {{ form.tz_three|field_value }}</span>)</td>
                </tr>
                <tr>
                    <td class="blue_bgcolor" >{% trans "开始时间" %}</td>
                    <td class="blue_bgcolor" >{% trans "结束时间" %}</td>
                    <td class="blue_bgcolor" >{% trans "开始时间" %}</td>
                    <td class="blue_bgcolor" >{% trans "结束时间" %}</td>
                    <td class="blue_bgcolor" >{% trans "开始时间" %}</td>
                    <td class="blue_bgcolor" >{% trans "结束时间" %}</td>
                </tr>
                <tr>
                    <td class="blue_bgcolor">{% trans "星期日" %}</td>
                    {{ form.sun_start_1|field_as_td_h_tz }}
                    {{ form.sun_end_1|field_as_td_h_tz }}
                    {{ form.sun_start_2|field_as_td_h_tz }}
                    {{ form.sun_end_2|field_as_td_h_tz }}
                    {{ form.sun_start_3|field_as_td_h_tz }}
                    {{ form.sun_end_3|field_as_td_h_tz }}
                </tr>
                <tr>
                    <td class="blue_bgcolor">{% trans "星期一" %}</td>
                    {{ form.mon_start_1|field_as_td_h_tz }}
                    {{ form.mon_end_1|field_as_td_h_tz }}
                    {{ form.mon_start_2|field_as_td_h_tz }}
                    {{ form.mon_end_2|field_as_td_h_tz }}
                    {{ form.mon_start_3|field_as_td_h_tz }}
                    {{ form.mon_end_3|field_as_td_h_tz }}
                </tr>
                <tr>
                    <td class="blue_bgcolor">{% trans "星期二" %}</td>
                    {{ form.tue_start_1|field_as_td_h_tz }}
                    {{ form.tue_end_1|field_as_td_h_tz }}
                    {{ form.tue_start_2|field_as_td_h_tz }}
                    {{ form.tue_end_2|field_as_td_h_tz }}
                    {{ form.tue_start_3|field_as_td_h_tz }}
                    {{ form.tue_end_3|field_as_td_h_tz }}
                </tr>
                <tr>
                    <td class="blue_bgcolor">{% trans "星期三" %}</td>
                    {{ form.wed_start_1|field_as_td_h_tz }}
                    {{ form.wed_end_1|field_as_td_h_tz }}
                    {{ form.wed_start_2|field_as_td_h_tz }}
                    {{ form.wed_end_2|field_as_td_h_tz }}
                    {{ form.wed_start_3|field_as_td_h_tz }}
                    {{ form.wed_end_3|field_as_td_h_tz }}
                </tr>
                <tr>
                    <td class="blue_bgcolor">{% trans "星期四" %}</td>
                    {{ form.thu_start_1|field_as_td_h_tz }}
                    {{ form.thu_end_1|field_as_td_h_tz }}
                    {{ form.thu_start_2|field_as_td_h_tz }}
                    {{ form.thu_end_2|field_as_td_h_tz }}
                    {{ form.thu_start_3|field_as_td_h_tz }}
                    {{ form.thu_end_3|field_as_td_h_tz }}
                </tr>
                <tr>
                    <td class="blue_bgcolor">{% trans "星期五" %}</td>
                    {{ form.fri_start_1|field_as_td_h_tz }}
                    {{ form.fri_end_1|field_as_td_h_tz }}
                    {{ form.fri_start_2|field_as_td_h_tz }}
                    {{ form.fri_end_2|field_as_td_h_tz }}
                    {{ form.fri_start_3|field_as_td_h_tz }}
                    {{ form.fri_end_3|field_as_td_h_tz }}
                </tr>
                <tr>
                    <td class="blue_bgcolor">{% trans "星期六" %}</td>
                    {{ form.sat_start_1|field_as_td_h_tz }}
                    {{ form.sat_end_1|field_as_td_h_tz }}
                    {{ form.sat_start_2|field_as_td_h_tz }}
                    {{ form.sat_end_2|field_as_td_h_tz }}
                    {{ form.sat_start_3|field_as_td_h_tz }}
                    {{ form.sat_end_3|field_as_td_h_tz }}
                </tr>
                <tr class="displayN">
                    <td class="blue_bgcolor">{% trans "假日类型1" %}</td>
                    {{ form.ht1_start_1|field_as_td_h_tz }}
                    {{ form.ht1_end_1|field_as_td_h_tz }}
                    {{ form.ht1_start_2|field_as_td_h_tz }}
                    {{ form.ht1_end_2|field_as_td_h_tz }}
                    {{ form.ht1_start_3|field_as_td_h_tz }}
                    {{ form.ht1_end_3|field_as_td_h_tz }}
                </tr>
                <tr class="displayN">
                    <td class="blue_bgcolor">{% trans "假日类型2" %}</td>
                    {{ form.ht2_start_1|field_as_td_h_tz }}
                    {{ form.ht2_end_1|field_as_td_h_tz }}
                    {{ form.ht2_start_2|field_as_td_h_tz }}
                    {{ form.ht2_end_2|field_as_td_h_tz }}
                    {{ form.ht2_start_3|field_as_td_h_tz }}
                    {{ form.ht2_end_3|field_as_td_h_tz }}
                </tr>
                <tr class="displayN">
                    <td class="blue_bgcolor">{% trans "假日类型3" %}</td>
                    {{ form.ht3_start_1|field_as_td_h_tz }}
                    {{ form.ht3_end_1|field_as_td_h_tz }}
                    {{ form.ht3_start_2|field_as_td_h_tz }}
                    {{ form.ht3_end_2|field_as_td_h_tz }}
                    {{ form.ht3_start_3|field_as_td_h_tz }}
                    {{ form.ht3_end_3|field_as_td_h_tz }}
                </tr>
            </table>
        </div></td></tr>
    </table>
    {% if form.non_field_errors %}
    <tr><td>{{ form.non_field_errors }}</td></tr>
    {% endif %}
{% endautoescape %}
{% endblock %}
{% block addjs%}
    var time_inputs = new Array();
    $("div[id*='_start'], div[id*='_end']").each(function(){
        var div_id = $(this).attr("id");
        time_inputs.push(new TimeZoneBox(div_id+"_span" , div_id));//span便于区分
    });
    for(t in time_inputs){
        time_inputs[t].setValue($("#id_"+time_inputs[t].id.replace("_span", "")).val());
    }
    function before_submit(){
        for(t in time_inputs){
            var real_id = time_inputs[t].id.replace("_span", "")
            $("#id_"+real_id).val(time_inputs[t].getValue());
        }
        var has_error = false;
        $("input[id*='_span_']").each(function(){
            if($(this).val() == ""){
                $(this).addClass("error");
                has_error = true;
            }
        });
        if(has_error){
            alert(gettext("请在文本框内输入有效的时间！"));
            return false;
        }
        return true;
    }
{% endblock %}